<template>
  <div class="box">
    <div class="top">
      <p class="title">标题1</p>
      <p class="bg"></p>
    </div>
    <!-- 盒子将来echarts展示图形图标的节点 -->
    <div class="charts" ref="charts">123</div>
  </div>
</template>

<script setup>
</script>

<style scoped lang="scss">
.box {
  width: 100%;
  height: 100%;
  background: url(@/assets/screen/dataScreen-main-lb.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 15px;

  .top {
    margin-left: 20px;

    .title {
      color: white;
      font-size: 20px;

    }

    .bg {
      width: 68px;
      height: 7px;
      background: url(@/assets/screen/dataScreen-title.png) no-repeat;
      background-size: 100% 100%;
      margin-top: 10px;
    }
  }
  .charts {
    width: 100%;
    height: 270px;
  }
}
</style>
